<template>
  <div class="leftNav">
    <sidebar-item :routes="menu"></sidebar-item>
  </div>
</template>

<script>
import sidebarItem from './sidebarItem'
import { mapGetters } from 'vuex'

export default {
  name: 'Sidebar',
  components: { sidebarItem },
  data() {
    return {
      
    }
  },
  created() {
    if(this.menu.length == 0){
      this.$store.dispatch('GetMenu').then(data => {
      })
    }
    
  },
  computed: {
    ...mapGetters(['menu'])
  },
  mounted() {
  },
  methods: {}
}
</script>
<style scoped>
.active1{
    color: #13151a;
    background: #fff;
    border: 0 solid #eee;
    border-radius: 5px;
    margin: 0 12px;
}
.leftNav{
  text-align: center;
}

.leftNavMuen-2-title{
    height: 55px;
    line-height: 55px;
    border-bottom: 1px solid #ddd;
    color: #888d99;
    text-align: center;
}
.leftNavMuen-2{
    z-index: 100;
    position: fixed;
    left: 100px;
    top: 0;
    width: 120px;
    height: 100%;
    color: #5f626b;
    overflow-y: auto;
    line-height: 40px;
    font-size: 12px;
    background: url(http://asset.sansancloud.com/static/shangcheng/images/leftNav_2_bg.png) repeat-y #f8f8f8;
}

</style>

